
$(function () {
	//---------------------------------------------用户管理-授权-------------------------------
	//控制边框高亮
	$(document).on("click", "#power .qrm-input-border", function () {
		if ($("#power .qrm-pinming").css("background-image").indexOf("qrm-arrow-down") !== -1) {
			if ($("#power .qrm-input").val() == '') {
				$("#power .qrm-pinming").css("background-image", "url(images/qrm-arrow-top.png)");
				$("#power .qrm-border1").show();
			} else {
				var s = $("#power .qrm-input").val()
				console.log((s.split('/')).length);
				var n = (s.split('/')).length - 1;
				if (n == 1) {
					$("#power .qrm-border1").show();
					$("#power .qrm-border2").show();
				} else if (n == 2) {
					$("#power .qrm-border1").show();
					$("#power .qrm-border2").show();
					$("#power .qrm-border3").show();
				} else {
					$("#power .qrm-border1").show();
				}
				$("#power .qrm-pinming").css("background-image", "url(images/qrm-arrow-top.png)");
			}
		} else {
			$("#power .qrm-border1").hide();
			$("#power .qrm-border2").hide();
			$("#power .qrm-border3").hide();
			$("#power .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
		}
	});
	//第一层
	var lev1;
	var lev2;
	var lev3;
	var lev1Str = '';
	var lev2Str = '';
	var lev3Str = '';
	var levStr = '';
	var dataCode = '';//保存选中给他属性值
	var levStrArry = [];//地区数组
	var dataCodeArry = [];//code数组
	//第一层 事件代理

	$("body").on("mouseover", "#power .qrm-lev-1>li", function () {
		$(this).addClass("active").siblings("li").removeClass("active");
		lev1 = "";
		lev2 = "";
		lev3 = "";
		var html1 = $(this).children(".li-zi-1").html();
		$("#power .qrm-lev-2").html(html1);
		$("#power .qrm-border2").show();
		$("#power .qrm-border3").hide();
		$("#power .qrm-lev-3").html("");
		lev1 = $(this).children("span").html();
	});
	//第二层 事件代理
	$("body").on("mouseover", "#power .qrm-lev-2>li", function () {
		$(this).addClass("active").siblings("li").removeClass("active");
		if ($(this).children(".li-zi-2").html() == undefined) {
			lev2 = $(this).children("span").html();
			$("#power .qrm-input").val(lev1 + "/" + lev2);
			$("#power .qrm-input").val(lev2Str);
			$("#power .qrm-border1").hide();
			$("#power .qrm-border2").hide();
			$("#power .qrm-border3").hide();
			$("#power .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
		} else {
			var html2 = $(this).children(".li-zi-2").html();
			lev2 = $(this).children("span").html();
			$("#power .qrm-border3").show();
			$("#power .qrm-lev-3").html(html2);
		}
		if ($(this).parent().parent().next().children("#power .qrm-lev").html() == "") {
			// 去掉输入框的高亮状态
			$("#power .qrm-border1").hide();
			$("#power .qrm-border2").hide();
			$("#power .qrm-border3").hide();
			$("#power .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
		}
	});
	$("body").on("click", "#power .qrm-lev-1>li", function () {
		$(this).addClass("active").siblings("li").removeClass("active");
		var dataName = $(this).find("span").attr("data-id");
		dataCode += `${dataName},`;
		levStr += `${lev1},`;
		let resultLevStr = (levStr.substring(levStr.length - 1) == ',') ? levStr.substring(0, levStr.length - 1) : levStr;
		let dataAllCode = (dataCode.substring(dataCode.length - 1) == ',') ? dataCode.substring(0, dataCode.length - 1) : dataCode;
		console.log(levStr, "lev1Strlev1Strlev1Strlev1Str")
		$("#power .qrm-input").val(resultLevStr);
		$("#power .qrm-input").attr("data-id", dataAllCode)
		$("#power .qrm-border1").hide();
		$("#power .qrm-border2").hide();
		$("#power .qrm-border3").hide();
		$("#power .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
	});
	$("body").on("click", "#power .qrm-lev-2>li", function () {
		$(this).addClass("active").siblings("li").removeClass("active");
		var dataName = $(this).children("span").attr("data-id");
		dataCode += `${dataName},`;
		levStr += `${lev1}/${lev2},`;
		let resultLevStr = (levStr.substring(levStr.length - 1) == ',') ? levStr.substring(0, levStr.length - 1) : levStr;
		let dataAllCode = (dataCode.substring(dataCode.length - 1) == ',') ? dataCode.substring(0, dataCode.length - 1) : dataCode;
		console.log(levStr, "lev2Strlev2Strlev2Str")
		$("#power .qrm-input").val(resultLevStr);
		$("#power .qrm-input").attr("data-id", dataAllCode);
		$("#power .qrm-border1").hide();
		$("#power .qrm-border2").hide();
		$("#power .qrm-border3").hide();
		$("#power .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
	});
	$("body").on("click", "#power .qrm-lev-3>li", function () {
		$(this).addClass("active").siblings("li").removeClass("active");
		lev3 = $(this).children("span").html();
		var dataName = $(this).children("span").attr("data-id");
		dataCode += `${dataName},`;
		levStr += `${lev1}/${lev2}/${lev3},`;
		console.log(levStr, "lev3str33333333333")
		let resultLevStr = (levStr.substring(levStr.length - 1) == ',') ? levStr.substring(0, levStr.length - 1) : levStr;
		let dataAllCode = (dataCode.substring(dataCode.length - 1) == ',') ? dataCode.substring(0, dataCode.length - 1) : dataCode;
		$("#power .qrm-input").val(resultLevStr);
		$("#power .qrm-input").attr("data-id", dataAllCode);
		$("#power .qrm-border1").hide();
		$("#power .qrm-border2").hide();
		$("#power .qrm-border3").hide();
	});
});
$(document).click(function (event) {
	var x1 = $('.box'); // 设置目标区域
	if (!x1.is(event.target) && x1.has(event.target).length === 0) { // Mark 1
		$("#power .qrm-border1").hide();
		$("#power .qrm-border2").hide();
		$("#power .qrm-border3").hide();
		$("#power .qrm-pinming").css("background-image", "url(images/qrm-arrow-down.png)");
	}
});